From: Georges Basile Stavracas Neto <georges.stavracas@gmail.com>
Date: Tue, 28 Jun 2022 16:19:55 +0000 (-0300)
Subject: style: Theme pagination arrows as per mockups
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~461^2^2~64
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=ca9a19dfbe4b89cd299528406e1df84e64e2ea87;p=gnome-shell.git

style: Theme pagination arrows as per mockups

The style is essentially a copy of %osd_button, but adapted to
style the inner icon instead of the whole button.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2335>
---

diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
index 6add597ea..abea75335 100644
--- a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
+++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
@@ -146,8 +146,16 @@ $app_icon_size: 96px;
   }
 }
 
-.page-navigation-arrow > StIcon {
-  margin: 6px;
-  width: 24px;
-  height: 24px;
+.page-navigation-arrow {
+  &  > StIcon {
+    margin: 6px;
+    padding: 18px;
+    width: 24px;
+    height: 24px;
+    border-radius: 99px;
+  }
+
+  &:insensitive > StIcon { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:hover > StIcon { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:active > StIcon { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
 }